@layout("/common/_container.html"){
<style>
	.input-group{
		/*width:45%;*/
	}
	.row input[type=text],.form-control, .single-line{
	    width:35%;
        float:left;
    }
    .error{
        color:red;
        float:left;
        padding-top: 7px;
        padding-left: 10px;
    }
    .isShow label{
        padding-right:10px;
        padding-top:3px;
    }
	.input-group{
		width:60%;
		margin:0 auto;
	}
	.row input[type=text]{
	width:45%; 
    }
    .error{
        color:red;
    }
</style>
<!--<script src="${ctxPath}/static/modular/huamao/messages/ckeditor.js"></script>-->
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" value="">

            <div class="row">
            <#input id="articleTitle" name="文章标题" underline="false"/>
            <#input id="articleKey" name="关键字"/>
					<#Select id="article1" name="所属分类" >
					<option id="articleCats1" value="">请选择</option>
					</#Select>
					<#Select id="article2" name="二级分类" >
					<option id="articleCats2" value="">请选择</option>
					</#Select>
					<#Select id="article3" name="三级分类" >
					<option id="articleCats3" value="">请选择</option>
					</#Select>

				<!--  <#input id="catId" name="父类ID" underline="true"/> -->
				<div style="displa:flex;width:900px;height:50px;line-height:30px;margin:0 auto;">
	                <span>是否显示</span>
	                <input type="radio" id="isShow" name="isShow" value="1" checked="checked" />显示	
	                <input type="radio" id="isShow" name="isShow" value="0"/>隐藏<br>
                </div>

    <div class="row">
        <div class="col-sm-3 col-sm-editor" style="width: 750px">
            <!-- 富文本编辑器 -->
            <div id="editor">
                <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
            </div>

            <!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
            <script type="text/javascript" src="${ctxPath}/static/modular/huamao/public/wangEditor-3.1.1/release/wangEditor.min.js"></script>
            <script type="text/javascript">
                var E = window.wangEditor
                var editor = new E('#editor')
                // 或者 var editor = new E( document.getElementById('editor') )
                // 配置服务器端地址
                editor.customConfig.uploadImgServer = '/messages/aliyunUpload'
                editor.customConfig.uploadFileName = 'file'
                // 进行下文提到的其他配置
                // ……
                // ……
                // ……
                editor.create()
            </script>
            <!--<textarea rows="30" cols="50" id="msgContent" name="editor01">请输入.</textarea>-->
            <!--<script>-->
            <!--CKEDITOR.replace('editor01', {-->
            <!--filebrowserImageUploadUrl : Feng.ctxPath-->
            <!--+ '/uploadImg/uploadImg',-->
            <!--language : 'zh-cn',-->
            <!--});-->
            <!--</script>-->
            <!-- <textarea id="template_content"	name="template_content" style="width:80%;height:400px;"></textarea> -->
        </div>
    </div>
						
               <!--  <#input id="articleContent" name="文章内容" underline="false"/> -->
               <!--  <div class="col-sm-6 b-r">
                            <#input id="articleId" name="自增ID" underline="true"/>
                           
                            
                            <#input id="isShow" name="是否显示" underline="true"/>
                            
                           
                </div>

                <div class="col-sm-6">
                            <#input id="staffId" name="创建者" underline="true"/>
                            <#input id="status" name="状态 0未读 1已读" underline="true"/>
                            <#input id="dataFlag" name="有效状态" underline="true"/>
                            <#input id="createTime" name="创建时间" underline="true"/>
                            <#input id="solve" name="觉得文章有帮助的次数" underline="true"/>
                            <#input id="unsolve" name="觉得文章没帮助的次数" underline="true"/>
                </div> -->
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10" style="text-align:center;">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="ArticlesInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="ArticlesInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/huamao/articles/articles_info.js"></script>

<script type="text/javascript"
        src="${ctxPath}/static/modular/huamao/messages/jquery.min.js"></script>
<script type="text/javascript"
        src="${ctxPath}/static/modular/huamao/messages/vue.min.js"></script>
<script src="${ctxPath}/static/modular/huamao/public/goodscats.js"></script>

<script type="text/javascript"
	src="${ctxPath}/static/modular/huamao/messages/jquery.min.js"></script>
<script type="text/javascript"
	src="${ctxPath}/static/modular/huamao/messages/vue.min.js"></script>
@}
